/* four steps - black bar at bottom order step pages
============================================================================== */

	#four_steps_container {
		width: 100%;
		height: 50px;
		background: url(../images/four_steps_order_bar.jpg) top left repeat-x;
		position: absolute; /* for IE6 */
		left: 0;
		z-index: 101;
	}
	body > #four_steps_container {
		position: fixed; /* for all good browsers */
	}
	.hide_steps {
		bottom: -50px;
	}
	
	
	
	
	
	.show_steps {
		bottom: 0;
	}
	#four_steps_container a.showhide {
		font-family:Arial, Helvetica, sans-serif;
		padding: 3px 25px 0 0;
		width: 50px;
		height: 17px;
		text-align: right;
		color: #fff;
		font-weight: normal;
		font-size: 10px;
		text-decoration: none;
		background: url(../images/hide_show_four_steps.png) bottom left no-repeat;
		position: absolute;
		right: 0;
		top: -20px;
	}
	#four_steps_container a.active {
		padding: 3px 24px 0 0;
		width: 51px;
		background: url(../images/hide_show_four_steps.png) top right no-repeat;
	}
	#four_steps {
		margin: 0 auto;
		padding-left: 2px;
		width: 944px;
		height: 50px;
		position: relative;
	}
	.four_steps {
		padding-bottom: 8em;
	}
	
	#step_1_active {
		padding: 15px 0 0 20px;
		width: 945px;
		height: 40px;
		background: url(../images/four_steps_1_active.jpg) top left no-repeat;
		float: left;
	}
	#step_1_active h5 {
		padding-right: 5px;
		margin-top:0px;
		font-weight: normal;
		line-height: 23px;
		color: #6c625b;
		float: left;
	}
	#step_1_active input {
		margin-right: 5px;
		padding: 4px 5px;
		width: 150px;
		font-size: 11px;
		font-family: Arial, Helvetica, "Lucida Grande", Tahoma, Verdana, sans-serif;
		color: #575757;
		border: 1px solid #b2b2b2;
		background: url(../images/input_shadow.gif) top left no-repeat;
		float: left;
	}
	#step_1_active select {
		margin-right: 5px;
		padding: 3px 5px;
		width: 150px;
		font-size: 11px;
		font-family: Arial, Helvetica, "Lucida Grande", Tahoma, Verdana, sans-serif;
		color: #575757;
		border: 1px solid #b2b2b2;
		background: url(../images/input_shadow.gif) top left no-repeat;
		float: left;
	}
	
	
	
	#step_1_active button.sm_black_btn {
		float: left;
	}
	#step_1_active p {
		margin: 0;
		width: 195px;
		font-size: 10px;
		color: #6c625b;
		float: left;
	}
	


	button.sm_black_btn {
		padding: 0;
		width: auto;
		height: 22px;
		border: none;
		text-align: center;
		background: none;
		cursor: pointer;
		overflow: visible;
		position: relative !important;
	}
	button.sm_black_btn span {
		padding: 0 0 0 12px;
		display: block;	
		text-decoration: none;
		cursor: pointer;
	}
	button.sm_black_btn em {
		padding: 0 12px 0 0;
		height: 22px;
		font-family: arial, helvetica, sans-serif;
		color: #fff;
		font-style: normal;
		font-weight: normal;
		font-size: 11px;
		line-height: 22px !important;
		white-space: nowrap;
		display: block;
	}
	button.sm_black_btn::-moz-focus-inner {
	    padding: 0;
	    border: none;
	}
	button.sm_black_btn span {
		background: url(../images/buttons_black_sm_lt.gif) no-repeat left top;
	}
	button.sm_black_btn em {
		background: url(../images/buttons_black_sm_rt.gif) no-repeat right top;
	}
	button.sm_black_btn:hover span {
		background: url(../images/buttons_black_sm_lt.gif) no-repeat left center;
	}
	button.sm_black_btn:hover em {
		background: url(../images/buttons_black_sm_rt.gif) no-repeat right center;
	}
	button.sm_black_btn:active span, button.sm_black_btn:focus span {
		background: url(../images/buttons_black_sm_lt.gif) no-repeat left bottom;
	}
	button.sm_black_btn:active em, button.sm_black_btn:focus em {
		background: url(../images/buttons_black_sm_rt.gif) no-repeat right bottom;
	}
	
	/* smaller black anchors 

